import React from 'react';
import { Card } from 'antd';
import cls from 'classnames';
import ScrollBarLayout from '@/components/ScrollBarLayout';
import '../../styles.less';

interface ITableLayoutAPI {
  children?: Element | any;
}
export const TableLayout: React.FC<ITableLayoutAPI> = ({ children }) => {
  return (
    <div className={cls('list-layout-overflow')}>
      <ScrollBarLayout style={{ position: 'relative' }}>
        <Card className={cls('list-layout-tableCard')}>{children}</Card>
      </ScrollBarLayout>
    </div>
  );
};
